{cdncss href="__THEME__/assets/css/pages/support-center/home-1.css" /}
<style>

		.kt-sc .kt-sc__bottom .kt-sc__heading {
			margin-bottom: 1rem;
		}
		.kt-sc h4 {
		color: #fff;
		text-align: center;
		line-height: 3rem;
	}
	</style>
	<div class="kt-content  kt-content--fit-top  kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor" id="kt_content">
	
		<!-- begin:: Content -->
	
		<!-- begin:: Hero -->
		<div class="kt-sc" style="background-image: url({cdnurl href='__THEME__/assets/media/bg/bg-8.jpg' /})">
			<div class="kt-container  {$theme_layout_class}  kt-grid__item kt-grid__item--fluid">
	
				<div class="kt-sc__bottom">
					<h3 class="kt-sc__heading kt-heading kt-heading--center kt-heading--xxl kt-heading--medium kt-font-light">
						{$info.title}
					</h3>
					<h4>
						{$info.content|entities_to_html|raw}
					</h4>
				</div>
			</div>
		</div>
	
		<!-- end:: Hero -->
	
	
	</div>
<div class="kt-container  {$theme_layout_class}  kt-grid__item kt-grid__item--fluid">
	<div class="row">
		<div class="col-md-12">
			<div class="kt-portlet kt-portlet--tab">

				<!--begin::Form-->
				<form class="m-form m-form--fit m-form--label-align-right">
					<div class="kt-portlet__body">
						<div class="kt-align-center">
							<h3 class="kt-portlet__head-title  kt-valign-middle kt-font-black kt-margin-20">
								{$info.title}
							</h3>
						</div>
						<div class="form-group m-form__group kt-margin-top-10 kt-margin-left-40">
							<div class="alert m-alert m-alert--default" role="alert">
								{$page.content|entities_to_html|raw}
							</div>
						</div>
						{notempty name="question_list"}
						{volist name="question_list" id="question" key="qi"}
						{switch name="question.type"}
						{case value="radio"}
						<div class="m-form__group form-group kt-margin-left-40">
							<label for="">{$qi}.{$question.title}</label>
							<div class="m-radio-inline">
								{notempty name="question.item_list"}
								{volist name="question.item_list" id="item"}
								<label class="m-radio m-radio--bold m-radio--state-success">
									<input type="radio" name="{$question.id}" value="{$item.id}"> {$item.title}
									<span></span>
								</label>
								{/volist}
								{/notempty}
							</div>
							{notempty name="question.description"}
							<span class="m-form__help">{$question.description}</span>
							{/notempty}
						</div>
						{/case}
						{case value="select"}
						<div class="m-form__group form-group kt-margin-left-40">
							<label for="">{$qi}.{$question.title}</label>
							<div class="m-radio-list">
								{notempty name="question.item_list"}
								{volist name="question.item_list" id="item"}
								<label class="m-radio m-radio--bold m-radio--state-success">
									<input type="radio" name="{$question.id}" value="{$item.id}"> {$item.title}
									<span></span>
								</label>
								{/volist}
								{/notempty}
							</div>
							{notempty name="question.description"}
							<span class="m-form__help">{$question.description}</span>
							{/notempty}
						</div>
						{/case}
						{case value="checkbox"}
						<div class="m-form__group form-group kt-margin-left-40">
							<label for="">{$qi}.{$question.title}</label>
							<div class="m-checkbox-list">
								{notempty name="question.item_list"}
								{volist name="question.item_list" id="item"}
								<label class="m-checkbox m-checkbox--bold m-checkbox--state-success">
									<input type="checkbox" name="{$question.id}" value="{$item.id}"> {$item.title}
									<span></span>
								</label>
								{/volist}
								{/notempty}
							</div>

							{notempty name="question.description"}
							<span class="m-form__help">{$question.description}</span>
							{/notempty}
						</div>
						{/case}
						{case value="textarea"}
						<div class="m-form__group form-group kt-margin-left-40">
							<label for="">{$qi}.{$question.title}</label>
							<textarea class="form-control m-input" name="{$question.id}"  rows="3"></textarea>
							{notempty name="question.description"}
							<span class="m-form__help">{$question.description}</span>
							{/notempty}
						</div>
						{/case}
						{/switch}

						{/volist}
						{/notempty}
					</div>
					<div class="kt-portlet__foot">
						<div class="m-form__actions kt-align-center">
							<button type="reset" class="btn btn-success">提交</button>
						</div>
					</div>
				</form>

				<!--end::Form-->
			</div>
		</div>
	</div>
</div>